@import './wot-design-ui';

.test {
  // 可以通过 @apply 多个样式封装整体样式
  @apply mt-4 ml-4;

  padding-top: 4px;
  color: red;
}

:root {
  --welcome-bg-end: #8f4cd7;
  --welcome-bg-end2: #ab79e1;
  --welcome-bg-start: #5d33be;
  --navbar-color: #fff;
  --numPad-bg: #f7f7f7;
  --common-block-bg: #fff;
  --amount-text-color: #53a867;
  --numPad-msgRow-bg: var(--common-block-bg);
  --app-name-color: #7878ff;
  --common-theme-bg: #5c33be;
  --main-button-bg: var(--common-theme-bg);
  --dialog-header-color: #fff;
  --tag-bg: #efefef;
  --tag-active-bg: #dad0f1;
  --list-border-color: #ddd;
  --list-sub-text-color: #999;
  --bar-bg: #e4e1e1;
}
:root,
page {
  // 修改按主题色
  --wot-color-theme: var(--common-theme-bg);

  // 修改按钮背景色
  --wot-button-primary-bg-color: var(--common-theme-bg);
}

* {
  font-family: Arial, Helvetica, sans-serif;
}
